<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="./../templates/internal.xhtml">

        <ui:define name="top">
            <h:form id="cabecallhoForm" enctype="multipart/form-data">
                <h:outputScript library="js" name="mascaras.js" />
                <p:growl id="mensagem" autoUpdate="true" sticky="true" />

                <p:menubar>  
                    <p:submenu label="Empresas">  
                        <p:submenu label="Cadastro Empresa" icon="ui-icon-contact">  
                            <p:menuitem value="Cadastrar" action = "./../publico/empresa.xhtml"/>  
                            <p:menuitem value="Sobre" update=":cabecallhoForm" oncomplete="sobreEmpresaDialog.show()"/>
                        </p:submenu>  
                        <p:submenu label="Cadastro Clientes" icon="ui-icon-contact">  
                            <p:menuitem value="Cadastrar" url="#" />  
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu>             
                        <p:separator />  
                        <p:menuitem value="Quit" title="Sair do sistema" url="#" />  
                    </p:submenu>  

                    <p:submenu label="Cadastros">  
                        <p:submenu label="Agenda" >  
                            <p:menuitem value="Cadastrar" action = "./../publico/agenda.xhtml"/>  
                            <p:menuitem value="Sobre" update=":cabecallhoForm" oncomplete="sobreAgendaDialog.show()" />
                        </p:submenu>  

                        <p:submenu label="Centro de Custo">  
                            <p:menuitem value="Cadastrar" action = "./../publico/centrodecusto.xhtml" />  
                            <p:menuitem value="Sobre" update=":cabecallhoForm" oncomplete="sobreCentroDeCustoDialog.show()"  />
                        </p:submenu>  
                        <p:submenu label="Departamento">  
                            <p:menuitem value="Departamentos" action = "./../publico/departamento.xhtml"   />
                            <p:menuitem value="Sobre Departamentos" update=":cabecallhoForm" oncomplete="sobreDepartamentoDialog.show()" />
                        </p:submenu>  
                        <p:submenu label="Usuarios ramal">  
                            <p:menuitem value="Cadastrar Usuarios" action = "./../publico/usuario.xhtml"  /> 
                            <p:menuitem value="Sobre Usuários" update=":cabecallhoForm" oncomplete="sobreUsuarioRamalDialog.show()" />
                        </p:submenu>  
                        <p:submenu label="Senha">  
                            <p:menuitem value="Cadastrar" action = "./../publico/senha.xhtml"  /> 
                            <p:menuitem value="Sobre" update=":cabecallhoForm" oncomplete="sobreSenhaDialog.show()" />
                        </p:submenu>  
                         <p:submenu label="Pabx">  
                            <p:menuitem value="Cadastrar" action = "./../publico/pabx.xhtml"/>  
                            <p:menuitem value="Sobre" update=":cabecallhoForm" oncomplete="sobrePabxDialog.show()" />
                        </p:submenu>  
                        <p:submenu label="Linha">  
                            <p:menuitem value="Cadastrar linha" action = "./../publico/tronco.xhtml"  />  
                            <p:menuitem value="Grupo de linha" action = "./../publico/grupotronco.xhtml"  />  
                            <p:menuitem value="Sobre" update=":cabecallhoForm" oncomplete="sobreTroncoDialog.show()" />
                        </p:submenu>  
                        <p:submenu label="Ramal" >  
                            <p:menuitem value="Cadastrar" action = "./../publico/ramal.xhtml"/>  
                            <p:menuitem value="Sobre" update=":cabecallhoForm" oncomplete="sobreRamalDialog.show()" />
                        </p:submenu>  

                    </p:submenu>  
                    <p:submenu label="Tarifas">  
                        <p:submenu label="Operadoras" icon="ui-icon-contact">  
                            <p:menuitem value="Cadastrar" url="#" />  
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu>  
                        <p:submenu label="Taxa de seriço">  
                            <p:menuitem value="Cadastrar" url="#" />  
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu>             
                    </p:submenu>  

                    <p:submenu label="Relatórios">  
                        <p:submenu label="Resumido">  
                            <p:menuitem value="Consultar" url="#" /> 
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu>  
                        <p:submenu label="Detalhado">  
                            <p:menuitem value="Consultar" url="#" /> 
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu> 
                        <p:submenu label="Personalizado">  
                            <p:menuitem value="Consultar" url="#" /> 
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu>    
                        <p:submenu label="Análitico">  
                            <p:menuitem value="Gráficos" url="#" />  
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu> 
                        <p:submenu label="Ocupação por linha">  
                            <p:menuitem value="Consultar" url="#" />  
                            <p:menuitem value="Sobre" url="#" />
                        </p:submenu>    
                    </p:submenu>  
                    <p:submenu label="Usuários">  
                        <p:menuitem value="Conf do Usuários" action = "./../publico/usuarioSistema.xhtml" />  
                    </p:submenu>  

                    <p:submenu label="Ferramentas">  
                        <p:menuitem value="Bilhetes"/>  
                        <p:menuitem value="Limpeza"/>  
                        <p:menuitem value="Retarifação"/>
                        <p:menuitem value="Backup"/>  
                    </p:submenu>  

                    <p:submenu label="Sobre">  
                        <p:menuitem value="Versao"/>  
                        <p:menuitem value="Arquitetura"/>  
                        <p:menuitem value="Produtos"/>
                    </p:submenu>  
                    <f:facet name="options">  
                        <b>Logado: #{utilBean.userName} </b> 
                        <p:commandButton  value="Logout" action="#{autenticador.registraSaida}" immediate="true" />
                    </f:facet>  
                </p:menubar> 

                <div id="sobreAgenda">
                    <p:dialog   widgetVar="sobreAgendaDialog" header="Sobre Agenda" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{agendaBean.agendaRN.sobreAgenda()}" var="var" >  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
                <div id="sobreSenha">
                    <p:dialog   widgetVar="sobreSenhaDialog" header="Sobre Senha" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{senhaBean.senhaRN.sobreSenha()}" var="var" >  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
               <div id="UsuarioRaml">
                    <p:dialog   widgetVar="sobreUsuarioRamalDialog" header="Sobre Usuario Ramal" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{usuarioRamalBean.usuarioRN.sobreUsuario()}" var="var">  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
                <div id="Departamentos">
                    <p:dialog   widgetVar="sobreDepartamentoDialog" header="Sobre Departamentos" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{departamentoBean.departamentoRN.sobreDepartamentos()}" var="var">  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
                <div id="centroCusto">
                    <p:dialog   widgetVar="sobreCentroDeCustoDialog" header="Sobre Centro de Custo" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{centroDeCustoBean.centroDeCustoRN.sobreCentroDeCusto()}" var="var">  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
                <div id="Tronco">
                    <p:dialog   widgetVar="sobreTroncoDialog" header="Sobre Linhas" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{troncoBean.troncoRN.sobreTronco()}" var="var">  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
                <div id="Pabx">
                    <p:dialog   widgetVar="sobrePabxDialog" header="Sobre Linhas" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{pabxBean.pabxRN.sobrePABX()}" var="var">  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>                       
                <div id="ramal">
                    <p:dialog   widgetVar="sobreRamalDialog" header="Sobre Ramal" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{ramalBean.ramalRN.sobreRamal()}" var="var">  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
                 <div id="Empresa">
                    <p:dialog   widgetVar="sobreEmpresaDialog" header="Sobre Empresa" showEffect="explode" hideEffect="bounce" modal="true" 
                                width="480" resizable="false" closable="true" style="position: absolute;top: 100px;">
                        <p:dataList value="#{empresaBean.empresaRN.sobreEmpresa()}" var="var">  
                            #{var}    
                        </p:dataList> 
                    </p:dialog>
                </div>
               
           </h:form>
        </ui:define>
        <ui:define name="content">
            <h:form id="msg"  enctype="multipart/form-data">
                <p:layout style="min-width:400px;min-height:200px;" id="layout">  
                    <p:layoutUnit position="west" header="Contador" resizable="true" size="300" minSize="40" maxSize="200">  

                        <h:form> 
                            <p:growl id="messages" autoUpdate="true"/>  
                        </h:form>
                    </p:layoutUnit>  
                    <p:layoutUnit position="center">  
                        Center  
                    </p:layoutUnit>  
                </p:layout>  
            </h:form>
            <h:form id="msgs"  enctype="multipart/form-data">
                <p:layout style="min-width:400px;min-height:200px;" id="layout">  
                    <p:layoutUnit position="center" header="Real time">  
                    </p:layoutUnit>  
                </p:layout>  
            </h:form>
        </ui:define>
    </ui:composition>
</html>
